@import url(common.css);
@import url(user_common.css);

.friend_group {
  clear: both;
  zoom: 1;
  overflow: hidden;
  font-family: '微软雅黑', '幼圆', "Times New Roman", Times, serif;
  margin-top: 10px;
}
.friend_group .avatar,
.friend_group .avatar_68 {
  float: left;
}
.basic_friend_buttons .icon,.friend_group .icon {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
  background: url("image/icons.png") no-repeat 0 0;
}
.friend_group .tuya {
  background-position: -474px -583px;
}
.friend_group .play {
  background-position: -412px -583px;
}
.friend_group .kiss {
  background-position: -380px -583px;
}
.friend_group .gift {
  background-position: -504px -583px;
}
.basic_friend_buttons .delete,.friend_group .delete {
  background-position: -160px -582px;
}
.friend_group .group {
  background-position: -353px -583px;
}
.friend {
  overflow: hidden;
  zoom: 1;
  padding: 10px;
}
.friend.even {
  background: #ffecab;
}
.avatar {
  display: block;
  height: 128px;
  width: 128px;
  padding: 2px;
  background: #ffffff;
  border: 1px solid #eeeeee;
}
.avatar img {
  width: 128px;
}
.avatar a {
  clear: both;
  display: block;
  text-align: center;
}
.good_friend .friend {
  margin-top: 10px;
}
.good_friend .friend .avatar_120 {
  float: left;
  margin-right: 10px;
}

.good_friend .friend .friend_news {
  float: left;
  width: 550px;
}
.good_friend .friend .friend_news .news {
  overflow: hidden;
  zoom: 1;
}
.good_friend .friend .friend_news .news a {
  color: #fbbf69;
}
.good_friend .friend .friend_news .news a:hover {
  color: #f89406;
}
.good_friend .friend .friend_news .msg {
  margin-top: 10px;
  clear: both;
  border-top: 1px dotted #555555;
  padding: 10px 5px;
}
.good_friend .friend .friend_news .msg label {
  margin-right: 10px;
}
.good_friend .friend .friend_news .msg input {
  width: 360px;
  height: 22px;
  line-height: 22px;
}
.good_friend .friend .friend_news .msg .send {
  background: url("image/home_logined_bg.gif") no-repeat -332px -197px;
  width: 83px;
  height: 28px;
  color: #ffffff;
  font-weight: bold;
  float: right;
  border: 0;
}
.good_friend .friend .friend_news .buttons {
  zoom: 1;
  float: right;
  overflow: hidden;
}
.good_friend .friend .friend_news .buttons li {
  float: left;
  margin-right: 3px;
}
.good_friend .friend .friend_news .buttons li a {
  display: block;
  width: 77px;
  height: 28px;
  line-height: 26px;
  background: url("image/home_logined_bg.gif") no-repeat -242px -196px;
}
.good_friend .friend .friend_news .buttons li a .icon {
  margin: 3px 3px 3px 10px;
}
.make_group {
  display: block;
  width: 40px;
  height: 30px;
  padding:0;
  line-height: 26px;
  margin-right: 10px;
}
.make_group .icon {
  margin: 3px 8px;
  background-position: -353px -583px;
}
.make_group .arrow {
  background: url("image/home_logined_bg.gif") no-repeat -46px -40px;
}
.make_group:hover .arrow {
  background: url("image/home_logined_bg.gif") no-repeat -56px -40px;
}
.friend_player {
  width: 710px;
}
.friend_player .friend {
  float: left;
  width: 335px;
  height: 120px;
  margin-bottom: 5px;
}
.friend_player .friend .operator {
  float: left;
  margin-left: 10px;
}
.friend_player .friend .operator .msg label {
  width: 200px;
  display: block;
  clear: right;
}
.friend_player .friend.odd {
  background: #eeeeee;
}
.friend_player .friend .buttons {
  margin-top: 10px;
}
.friend_player .friend .buttons li {
  float: left;
}
.friends {
  overflow: hidden;
  zoom: 1;
  width: 690px;
  padding: 10px;
}
.friends li {
  float: left;
  margin-bottom: 10px;
  margin-right:5px;
}
.friends li .buttons {
  margin-top: 2px;
}
.friends li .buttons li {
  float: left;
  width: auto;
}
.friends li .buttons li .addfriend {
  display: block;
  width: 77px;
  height: 28px;
  line-height: 26px;
  background: url("image/home_logined_bg.gif") no-repeat -242px -196px;
  text-align: center;
}


.friend_icon .name {
	clear:both;
	display:block; 
	text-align:center;
	padding:5px;
}

.basic_friend_buttons {
	overflow:hidden;
	margin-top:5px;
}

.basic_friend_buttons li{
	float:left;
}